<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title></title>
	<meta name="description" content="">
	<meta name="author" content="">

	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/ready.css">


	<script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>
<body>

<div id="container">
	<header>
		<h1>RAVOR</h1>
        <p>Research Administrator Volunteer Organization of Retirees</p>
        <p>Provides the resources and expertise that enable organizations to become successful grantees with the ability to traverse the complex issues regarding sponsored research administration.</p>
	</header>
	<div id="main" role="main">
		<div id="middlestripes">
        	<div class="middlestripe darkteal"></div>
            <div class="middlestripe teal"></div>
            <div class="middlestripe yellow"></div>
            <div class="middlestripe orange"></div>
            <div class="middlestripe red"></div>
        </div>
        <div id="threedstripes">
        	<div class="threedstripe darkteal" id="threed-darkteal"></div>
            <div class="threedstripe teal" id="threed-teal"></div>
            <div class="threedstripe yellow" id="threed-yellow"></div>
            <div class="threedstripe orange" id="threed-orange"></div>
            <div class="threedstripe red" id="threed-red"></div>
        </div>
        <div id="menustripes">
        	<div class="menustripe darkteal"><p class="menutext">Find experts.</p></div>
            <div class="menustripe teal"><p class="menutext">Ask questions.</p></div>
            <div class="menustripe yellow"><p class="menutext">Volunteer.</p></div>
            <div class="menustripe orange"><p class="menutext">Enroll institutions.</p></div>
            <div class="menustripe red"><p class="menutext">About RAVOR.</p></div>
        </div>
	</div>
	<footer>
		<div id="members">
            <ul class="indent">
                <li><h3>Joyce Freedman</h3>
                Independent Consultant<br />
                Senior Advisor to Mills College
                </li>
                <li><h3>Heather Kubinec</h3>
                Senior Research Administrator<br />
                The Broad Foundation,<br /> Broad Medical Research Program
                </li>
                <li><h3>Cece (Cecelia) Manoochehri</h3>
                Fiscal Manager<br /> Chemistry & Chemical Engineering,<br />
                California Institute of Technology</li>
            </ul>
    	</div>
	</footer>
</div> <!--! end of #container -->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>

<!-- scripts concatenated and minified via ant build script-->
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>
<!-- end scripts-->

<script>
	var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']]; // Change UA-XXXXX-X to be your site's ID
	(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
	g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
	s.parentNode.insertBefore(g,s)}(document,'script'));
</script>

<!--[if lt IE 7 ]>
	<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script>
	<script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script>
<![endif]-->

</body>
</html>
